<template>
  <nav class="mui-bar mui-bar-tab">
    <router-link class="mui-tab-item "to="/home">
      <span class="mui-icon mui-icon-home"></span>
      <span class="mui-tab-label">首页</span>
    </router-link>
    <router-link class="mui-tab-item" to="/category">
      <span class="mui-icon mui-icon-extra mui-icon-extra-cart"></span>
      <span class="mui-tab-label">购物车</span>
    </router-link>
    <router-link class="mui-tab-item"to="/shopcart">
      <span class="mui-icon  mui-icon-personadd">
        <!-- <span class="mui-badge">9</span> -->
      </span>
      <span class="mui-tab-label">订单列表</span>
    </router-link>
    <router-link class="mui-tab-item" to="/my">
      <span class="mui-icon mui-icon-gear"></span>
      <span class="mui-tab-label">我的淘宝</span>
    </router-link>
		<router-link class="mui-tab-item" to="/more">
		  <span class="mui-icon mui-icon-plus"></span>
		  <span class="mui-tab-label">更多</span>
		</router-link>
  </nav>
</template>

<script>
    export default {
        name: "tabbar"
    }
</script>

<style scoped>
 .mui-bar{
                background: #2B2C2F;
            }
</style>
